<template>
  <CloudDropdown>
    <CloudButton class="ant-dropdown-link" @click="(e) => e.preventDefault()">
      Cascading menu <CloudIcon type="down" />
    </CloudButton>
    <CloudMenu slot="overlay">
      <CloudMenuItem>1st menu item</CloudMenuItem>
      <CloudMenuItem>2nd menu item</CloudMenuItem>
      <CloudSubMenu key="test" title="sub menu">
        <CloudMenuItem>3rd menu item</CloudMenuItem>
        <CloudMenuItem>4th menu item</CloudMenuItem>
      </CloudSubMenu>
      <CloudSubMenu title="disabled sub menu" disabled>
        <CloudMenuItem>5d menu item</CloudMenuItem>
        <CloudMenuItem>6th menu item</CloudMenuItem>
      </CloudSubMenu>
    </CloudMenu>
  </CloudDropdown>
</template>

<script>
  export default {
    title: '9.多级菜单',
  };
</script>